﻿
<!DOCTYPE html>
<HTML>
<HEAD>
    <TITLE> ZTREE DEMO - Simple Data</TITLE>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    <link href="~/css/checkedStyle.css" rel="stylesheet" />
    <link href="~/js/lib/ztree/css/demo.css" rel="stylesheet" />
    <link href="~/js/lib/ztree/css/zTreeStyle/zTreeStyle.css" rel="stylesheet" />
    <script src="~/js/ztree/jquery-1.4.4.min.js"></script>
    <script src="~/js/ztree/jquery.ztree.core-3.5.js"></script>
    <link href="~/js/lib/layui/dist/css/layui.css" rel="stylesheet" />
    <script src="~/js/lib/layui/dist/layui.js"></script>
    <script src="~/js/content/button/setButtonMenu.js"></script>
    <script src="~/js/content/button/index.js"></script>
    <script src="~/js/content/tool.js"></script>
</HEAD>

<BODY>
    <div style="height:40px; background:url(../../images/righttop.gif) repeat-x;">
        <span style="line-height:40px; font-weight:bold;float:left; margin-left:12px;color:#dc4e00;">位置：</span>
        <ul style="float:left; background:none;line-height:40px; padding-left:7px; padding-right:12px; background:url(../../images/rlist.gif) no-repeat right;">
            <li><a href="#">欢迎</a></li>
        </ul>
    </div>
    <div style="float:left;height:100%">
        <div class="zTreeDemoBackground left" style="margin:10px 10px">
            <ul id="treeDemo" class="ztree" style="height:444px"></ul>
        </div>
    </div>
    <div>
        <div style="text-align:center;margin:10px 0 0 0 ">菜单对应按钮</div>
        <fieldset class="layui-elem-field site-demo-button">
            <legend>控制区</legend>
            <div style="margin:10px 0 10px 50px;" >
                <button id="AddButton" class="layui-btn   ">新增</button>
                <button id="EditButton" class="layui-btn layui-btn-normal   ">编辑</button>
                <button id="SaveButton" class="layui-btn layui-btn-warm   ">保存设置</button>
            </div>
            <div>
                <table class="layui-table">
                    <thead>
                        <tr>
                            <th></th>
                            <th>Id</th>
                            <th>按钮名称</th>
                            <th>按钮键值</th>
                            <th>按钮主题</th>
                            <th>按钮样式预览</th>
                            <th>按钮排序</th>
                            <th>是否授权</th>
                        </tr>
                    </thead>
                    <tbody class="layui-table" id="trid"></tbody>

                </table>
            </div>
        </fieldset>
    </div>
    <input id="MenuId" type="hidden" />
    <input id="MenuName" type="hidden" />
    
</BODY>
</HTML>